<html>
<head>
<title>我的预订</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="wx_assets/css/product.css?v=2013-11-21">
<link rel="stylesheet" type="text/css" href="wx_assets/css/page.css?v=2013-11-21">
<script src="http://res.wx.qq.com/mmbizwap/en_US/htmledition/js/wxm-core1530d0.js"></script>
<script type='text/javascript' src="wx_assets/js/alert.js"></script>

<style type="text/css">
.page-url {
	text-align: center;
	font-size: 12px;
}
</style>


<script type="text/javascript"> 

var hrefParamsArray = GetSessionIdFromHref(window.location.search);

function GetSessionIdFromHref(search){
　　	var args = search.substring(1); 
　　	var retval = new Array(); 
	args = args.split("&"); 
		for(var i = 0; i < args.length; i ++){ 
			str = args[i]; 
			var arg = str.split("="); 
			if(arg.length <= 1) continue; 
			
			if(arg[0] == 'params') {
				var params = decodeURIComponent(arg[1]);
				var obj = eval('(' + params + ')');
				if (obj.start == undefined) {
					retval["start"] = 0;
				} else {
					retval["start"] = obj.start;
				}
				retval["id"] = obj.id;
			} else if(arg[0] == 'customerId') {
				retval["customerId"] = arg[1]; 
			}else if(arg[0] == 'userName'){
				retval["userName"] = arg[1]; 
			}
		} 
		if (retval["start"] == undefined) {
			retval["start"] = 0;
		}
		return retval; 
}

var limit = 10;
var pageCount = Math.ceil({$ordersTotal} / limit);
var page = Math.ceil(hrefParamsArray["start"] / limit) + 1;
</script>

</head>

<body id="onlinebooking-list">
	<div class="cardexplain">

		<volist name="orders" id="order">
			<ul class="round">
				<script>var oid = {$order.id}; document.write("<a onclick='orderDetail(" + oid + ");'>")</script>
				<li class="title">
					<span class="arrow">预订详情</span>
				</li>
					
				<li>
					<div class="text">
						<p>单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号 ： {$order.serialNumber}</p>
						<p>下单时间 ： {$order.createTime}</p>
						<p>店&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名 ： {$order.sName}</p>
						<p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址 ： {$order.sAddress}</p>
						<p>预订人数 ： {$order.personCount}</p>
						<p>桌位/包间： {$order.resName}</p>
						<p>预订时间 ： {$order.reserveTime}</p>
						<notempty name="order.remark">
						<p>备注说明 ： {$order.remark}</p>
						</notempty>
					</div>
				</li>
				</a>
			</ul>
		</volist>
	</div>
	
	<div class="pagination" id="pagination">
		<div id="pagePrev">
		<script>if (page != 1) {
			var baseUrl =  '{$Think.config.SERVER_HOST}';
			var start = parseInt(hrefParamsArray["start"]) - limit;
			var storeId = hrefParamsArray["id"];
			var urlString = baseUrl + 'call.html?customerId='+ hrefParamsArray["customerId"]+'&userName='+hrefParamsArray["userName"]
				+ '&module=store&method=getStoreReserveOrders&params={"id":'+storeId+',"start":' + start + '}#mp.weixin.qq.com';
			document.write("<a href='" + urlString + "'>上一页</a>");
		} else {
			document.write("<a href='javascript:void(0)' style='background:none;border:1px solid #cbcbcb;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:A4A3A3;cursor: default;'>上一页</a>");
		}
		</script>
		</div>
		<div class="allpage">
			<div class="currentpage"><script>document.write(page + "/" + pageCount);</script></div>
		</div>
		<div id="pageNext">
		<script>if (page != pageCount) {
			var baseUrl =  '{$Think.config.SERVER_HOST}';
			var start = parseInt(hrefParamsArray["start"]) + limit;
			var storeId = hrefParamsArray["id"];
			var urlString = baseUrl + 'call.html?customerId='+ hrefParamsArray["customerId"]+'&userName='+hrefParamsArray["userName"]
				+ '&module=store&method=getStoreReserveOrders&params={"id":'+storeId+',"start":' + start + '}#mp.weixin.qq.com';
			document.write("<a href='" + urlString + "'>下一页</a>");
		} else {
			document.write("<a href='javascript:void(0)' style='background:none;border:1px solid #cbcbcb;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:A4A3A3;cursor: default;'>下一页</a>");
		}
		</script>
		</div>
	</div>
	
<script type="text/javascript">
	if(pageCount == 1 && page == pageCount){
		document.getElementById("pagination").style.display="none";
	}

	function orderDetail(oid) {
		window.location.href = 'call.html?userName=' + hrefParamsArray['userName'] + '&customerId='
		+ hrefParamsArray['customerId'] + '&module=store&method=getStoreReserveOrderDetail&params={"id":' + oid + '}';
	
	}
</script>


<script type="text/javascript"> 

var hrefParamsArray = GetSessionIdFromHref(window.location.search);

function GetSessionIdFromHref(search){
　　	var args = search.substring(1); 
　　	var retval = new Array(); 
	args = args.split("&"); 
		for(var i = 0; i < args.length; i ++){ 
			str = args[i]; 
			var arg = str.split("="); 
			if(arg.length <= 1) continue; 
			if(arg[0] == 'params') {
				var params = decodeURIComponent(arg[1]);
				var obj = eval('(' + params + ')');
				retval["id"] = obj.id;
				retval["personCount"] = obj.personCount;
				retval["reserveDate"] = obj.reserveDate;
				retval["reserveType"] = obj.reserveType;
			}else if(arg[0] == 'customerId') {
				retval["customerId"] = arg[1]; 
			}else if(arg[0] == 'userName'){
				retval["userName"] = arg[1]; 
			}
		} 
		return retval; 
}

		var resources = {$resources}+"";
		var oLay = document.getElementById("overlay");	
		$(document).ready(function () { 
			$("#showcard").click(function () {
				if(resources== ''){
					alert('桌位/包间 预订已满，请选择其他时间日期');
					return;
				}
				
				if($("#tel").val()==''){alert('电话不能为空');return;} 
				if($("#truename").val()==''){alert('名字不能为空');return;} 
				if(resources!= '' && $('#select1').val()==''){
					alert('请选择桌位/包间');
					return;
					}
				
				 var reserveDate = hrefParamsArray["reserveDate"];
				 var reserveHTime = $('#reservehtime').val();
				 var reserveITime = $('#reserveitime').val();
				 if(reserveHTime != '' && reserveITime != '' ){
				 	reserveTime = reserveDate +" " + reserveHTime +":"+reserveITime ;
					 
				 }else if(reserveHTime != ''){
					 reserveTime = reserveDate +" " + reserveHTime +":00:00" ;
				 }else{
					 reserveTime = reserveDate ;
				 }

				$("#showcard").val("提交中...");
				$("#showcard").attr("disabled", true);
				
				var baseUrl =  '{$Think.config.SERVER_HOST}';
				var urlString = baseUrl + 'call.json?customerId='+ hrefParamsArray["customerId"]+'&userName='+hrefParamsArray["userName"];
				var storeId = hrefParamsArray["id"];
				var personCount = hrefParamsArray["personCount"];
				
				var fullName = $('#truename').val();
				var phone = $('#tel').val();
				
				var remark = $('#info').val();
				var storeResourceBaseId;
				if(resources!= '' ){
					storeResourceBaseId= $('#select1').val();
				}
				
				var reserveType = hrefParamsArray["reserveType"];
				
				$.ajax({url : urlString,
					dataType : "json",
					type : "post",
					data : {
						'module': 'store',
				        'method' : 'addReserve',
				        'params' : '{"storeId":' + storeId + ',"fullName":"' + fullName + '","phone":"' + phone + '","personCount":'+personCount+',"reserveTime":"'+reserveTime+'","reserveDate":"'+reserveDate+'","reserveType":"'+reserveType+'","storeResourceBaseId":'+storeResourceBaseId+',"remark":"'+remark+'"}'
					},
					success : function(data) {
					  	if (data['code'] == 505) {
	                        alert(data['msg']);
	                        return;
	                    } else {
	                    	var oid = data;
	                    	window.location.href = 'call.html?userName=' + hrefParamsArray['userName'] + '&customerId='
	                		+ hrefParamsArray['customerId'] + '&module=store&method=getStoreReserveOrderDetail&params={"id":' + oid + '}';
	                	
	                    	//window.location.reload();
	                    }
					},
					error : function() {
					}
				});
			
				}); 
			}); 
			
			$("#windowclosebutton").click(function () { 
				$("#windowcenter").slideUp(500);
				oLay.style.display = "none";
			}); 
			$("#alertclose").click(function () { 
				$("#windowcenter").slideUp(500);
				oLay.style.display = "none";
			}); 
		
			function alert(title){ 
				$("#windowcenter").slideToggle("slow"); 
				$("#txt").html(title);
				//$("#windowcenter").hide("slow"); 
				setTimeout('$("#windowcenter").slideUp(500)',4000);
			} 
			
			function getReserveList() {
				var baseUrl =  '{$Think.config.SERVER_HOST}';
				var urlString = baseUrl + 'call.html?customerId='+ hrefParamsArray["customerId"]+'&userName='+hrefParamsArray["userName"]
					+ "&module=store"; 
				
				urlString += "&method=getStoreReserveOrders&params={\"id\":" + hrefParamsArray["id"] + "}";
				location.href= urlString;
			}
	</script>
	
	<script>
	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
		WeixinJSBridge.call('showOptionMenu');
		});
		
		function report(link, fakeid, action_type){
		    var parse_link = parseUrl(link);
		    if(parse_link == null)
		    {
		      return ;
		    }
		    var query_obj = parseParams( parse_link['query_str'] );
		    query_obj['action_type'] = action_type;
		    query_obj['uin'] = fakeid;
		    var report_url = '/mp/appmsg/show?' + jQuery.param( query_obj );
		    jQuery.ajax({
		      url: report_url,
		      type: 'POST',
		      timeout: 2000
		    })
		 };
		 
		function share_scene(link, scene_type) {
			// Android无法会截取encode的参数，所以改用直接添加参数的方式
			var share_url = link + '&scene=' + scene_type;
			return share_url;
		};

		(function() {
			var desString ='我的预订信息'+ "\n点击查看预订详情";
			var titleString = "在线预订";
			
		//	var search = resetHerf(window.location.search);
			var search = window.location.search;

			var onBridgeReady = function() {
			var link = window.location.protocol + "//"
						+ window.location.host + window.location.pathname + search;
		
				link = link.replace("{", "%7B");
				link = link.replace("}", "%7D");
				var appId = '', title = htmlDecode(titleString), desc = htmlDecode(desString),
				imgUrl = encodeURI('http://www.happyidea.com.cn/wx_assets/images/store/pagecount_main_bk.jpg'), fakeid = "Mjc2OTgzMTM1", desc = desc || link;

				// 发送给好友; 
				WeixinJSBridge.on('menu:share:appmessage', function(argv) {

					WeixinJSBridge.invoke('sendAppMessage', {
						"appid" : appId,
						"img_url" : imgUrl,
						"img_width" : "640",
						"img_height" : "640",
						"link" : share_scene(link, 1),
						"desc" : desc,
						"title" : title
					}, function(res) {
						report(link, fakeid, 1);
					});
				});
				// 分享到朋友圈;
				WeixinJSBridge.on('menu:share:timeline', function(argv) {
					report(link, fakeid, 2);
					WeixinJSBridge.invoke('shareTimeline', {
						"img_url" : imgUrl,
						"img_width" : "640",
						"img_height" : "640",
						"link" : share_scene(link, 2),
						"desc" : desc,
						"title" : title
					}, function(res) {
					});

				});

				// 分享到微博;
				var weiboContent = '';
				WeixinJSBridge.on('menu:share:weibo', function(argv) {

					WeixinJSBridge.invoke('shareWeibo', {
						"content" : title + share_scene(link, 3),
						"url" : share_scene(link, 3)
					}, function(res) {
						report(link, fakeid, 3);
					});
				});
				// 隐藏右上角的选项菜单入口;
				//WeixinJSBridge.call('hideOptionMenu');
			};
			if (document.addEventListener) {
				document.addEventListener('WeixinJSBridgeReady', onBridgeReady,
						false);
			} else if (document.attachEvent) {
				document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
				document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
			}
		})();
	</script>
</body>
</html>